<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
    <!--
        src:资源路径
        相对路径:访问站内资源时使用
            (1)图片和页面在同级目录: 直接写图片名
            (2)图片在页面的上级目录: ../图片名
            (3)图片在页面的下级目录: 下级文件名/图片名
        绝对路径:访问站外资源时,显示的文本
        alt:当图片不能正常的显示时,显示的文本
        title:当图片上悬停时,显示文本
        width/height:设置图片的宽和高,有两种赋值方式:
            1:像素 500 500px px像素单位 只设置宽度,会保持图片的宽高比,一般对于图片只设置宽或高即可,否则会变形
            2:百分比 图片占据网页的百分比
    -->
    <img src="../day06/a.jpg" alt="美女" width="600" >
    <img src="../b.jpg" title="这是帅哥" width="50%">
    <img src="pic/风景.jpg">
    <!--图片的盗链 选中网页上的图片,右键复制图片地址-->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">
</body>
</html>